import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import { getTimeStamp } from '@/utils/auth'
const expire = 3600000// 单位是毫秒 1小时
import router from '@/router'
// create an axios instance
const service = axios.create({
  // 这块的地址将来不用动
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: 8000
})

// request interceptor 请求拦截器
// 相当于是什么也没有做
service.interceptors.request.use(function(config) {
  if (store.getters.token) {
    // 判断当前时间离我们登录的时候那个时间是不是超过了有效时间（expire)
    if ((Date.now() - getTimeStamp()) > expire) {
      store.dispatch('user/logout')
      // 跳转路由
      router.push('/login')
    }
    // 持票人 票号
    config.headers.Authorization = `Bearer ${store.getters.token}`
  }
  return config// 原样返回 config就是请求相关的配置项
}, function(err) {
  return Promise.reject(err)
})

// 响应拦截器
service.interceptors.response.use(response => {
  // axios默认加了一层data
  const { success, message, data } = response.data
  //   要根据success的成功与否决定下面的操作
  if (success) {
    return data
  } else {
    // 业务已经错误了 还能进then ? 不能 ！ 应该进catch
    Message.error(message) // 提示错误消息
    return Promise.reject(new Error(message))
  }
}, error => {
  console.dir(error)
  // 有时候客户的电脑上的时间不准的，其实已经超时了，但是客户电脑测出来没有超时，就会报这个错
  if (error.response && error.response.data && error.response.data.code === 10002) {
    store.dispatch('user/logout')
    // 跳转路由
    router.push('/login')
  } else {
    Message.error(error.message) // 提示错误信息
  }

  return Promise.reject(error) // 返回执行错误 让当前的执行链跳出成功 直接进入 catch
})

export default service
